<?php @session_start();

?>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css">
<title>Event Afghanistan</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="assets/css/elements.css" />
<link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">

</head>

<body>

	<!-- Navbar
	============= -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.php">Events </a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="hidden-sm hidden-md"><a href="index.php">Home</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Services
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="calendar.php">Event Calendar
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Voluntering </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Resources </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="about-us.php">About</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="contact.php">Contact
							us</a>
					</li>
					<!-- Profile links for extra small screens -->
					<li class="visible-xs"><a href="sign-in.php">Sign In</a>
					</li>
					<li class="visible-xs"><a href="#">Sign Out</a>
					</li>
				</ul>
				<!-- Search form for extra small screens -->
				<form class="navbar-form navbar-left visible-xs" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Search">
					</div>
					<button type="submit" class="hl-btn hl-btn-blue">Go!</button>
				</form>
				<ul class="nav navbar-nav navbar-right hidden-xs">
					<!-- Sign in & Sign up -->
					<li id="sign-up" class="show"><a href="sign-up.php">Sign
							Up</a>
					</li>
					<li id="login" class="show"><a href="login.php">Sign In</a>
					</li>
					<!-- Signed in. Profile Menu -->
					
					<!-- Search Button -->
					<li id="search"><a href="#" id="search-btn"><i
							class="fa fa-search" id="search-icon"></i> Search</a>
						<div class="search-box hidden" id="search-box">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="Search">
								<span class="input-group-btn">
									<button class="hl-btn hl-btn-default" type="button">Go!</button>
								</span>
							</div>
						</div></li>
				</ul>
			</div>
		</div>
	</div>
<!-- Main body
================== -->
  <div class="wrapper">
    <div class="section-header">
	  <div class="container">
	    <div class="row">
	      <div class="col-md-12">
		    <!-- Remove the .animated class if you don't want things to move -->
			<h1 class="animated slideInLeft"><span>Contact Us</span></h1>
		  </div>
		</div>
	  </div>
    </div>
    <?php
    if(isset($_GET['status'])){
    ?>
     <div class="alert alert-success"> Your Massage have been recessive to Us Thankyou  </div><?php }?>
	<div class="container">
	  <div class="row">
	    <!-- Contact us form -->
		<div class="col-sm-8">
		  <h2 class="hl top-zero">Contact Us</h2>
		  <hr>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue tellus ut velit mollis condimentum. Nulla egestas neque sed odio varius facilisis. Donec ac metus gravida leo dictum porttitor.</p>
			<form role="form" action="execute/contact.php" method="post">
			<?php if (isset($_SESSION['ERROR_MSG'])){
			?>
			 <div class="alert alert-danger">	
			<?php if (is_array($_SESSION['ERROR_MSG'])){
				foreach ($_SESSION['ERROR_MSG'] as $value){
					echo $value."<br>";
				}
			}else {
				echo mysql_error();}?>
			
			</div>
			<?php 
			}
			unset($_SESSION['ERROR_MSG']);
			?>
			
			
			
			
			  <div class="form-group">
				<label for="email">Your email address</label>
				<input type="email" class="form-control" id="email" name="email" placeholder="Enter email">
			  </div>
			  <div class="form-group">
				<label for="name">Your name</label>
				<input type="text" class="form-control" id="name" placeholder="Enter name" name="name">
			  </div>
			  <div class="form-group">
				<label for="message">Your message</label>
				<textarea class="form-control" rows="3" id="message" placeholder="Enter message" name="area"></textarea>
			  </div>
			 
			  <button type="submit" class="hl-btn hl-btn-green" name="submit">Send request</button>
			</form>
		</div>
		<!-- Right column -->
		<div class="col-sm-4">
		  <!-- Out Address -->
		  <h4>Our Address</h4>
		  <hr>
		  <p>TechNation <br>
						 Dunya Plaza<br>
          Shahid Abdul Haq Square 
         <br>
           Ground Floor <br>phone:0093 788 121 311<br /> 
           Email: <a href="http://www.technation.af">info@technation.af</a>
		  <hr>
		  <!-- Google Maps -->
		  <h4>Google Maps</h4>
		  <hr>
		  <div class="map">
		    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=technation,+Kabul,+Afghanistan&amp;aq=&amp;sll=34.563386,69.144258&amp;sspn=0.001416,0.002411&amp;t=h&amp;ie=UTF8&amp;hq=technation,&amp;hnear=Kabul,+Afghanistan&amp;ll=34.533509,69.202837&amp;spn=0.011119,0.068495&amp;iwloc=lyrftr:h,11642257014619012426,34.533339,69.202543&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=technation,+Kabul,+Afghanistan&amp;aq=&amp;sll=34.563386,69.144258&amp;sspn=0.001416,0.002411&amp;t=h&amp;ie=UTF8&amp;hq=technation,&amp;hnear=Kabul,+Afghanistan&amp;ll=34.533509,69.202837&amp;spn=0.011119,0.068495&amp;iwloc=lyrftr:h,11642257014619012426,34.533339,69.202543" style="color:#0000FF;text-align:left">View Larger Map</a></small>
		</div>
	  </div>
	</div>
  </div>
	</div>
	<!-- Foooter
================== -->
	<footer>
		<div class="container">
			<div class="row">
				<!-- Contact Us 
		=================  -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Contact us</h3>
					</div>
					<div class="content">
						<p>TechNation <br>
						 Dunya Plaza<br>
          Shahid Abdul Haq Square 
         <br>
           Ground Floor <br>phone:0093 788 121 311<br /> Email: <a href="http://www.technation.af">info@technation.af</a>
						</p>
					</div>
				</div>
				<!-- Social icons 
		===================== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Go Social</h3>
					</div>
						<div class="col-md-10">
					<div class="content social">
						<p>Stay in touch with us:</p>
						<ul>
							<li><a href="#"><i class="fa fa-twitter"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-facebook"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-youtube"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i>
							</a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i>
							</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<h5>Message Alert</h5>
					<div class="input-group">
				<label class="sr-only" for="subscribe-email"> </label>
				 <span class="input-group-addon"><img src="assets/img/flag.jpg"></span>
				<input type="text" class="form-control" id="phone"
				placeholder="your phone Number"> <span class="input-group-btn">
				<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
				</div>
				</div>
				</div>
				<!-- Subscribe 
		=============== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Subscribe</h3>
					</div>
					<div class="content">
						<p>
							Enter your e-mail below to subscribe to our free newsletter.<br />We
							promise not to bother you often!
						</p>
						<form class="form" role="form">
							<div class="row">
								<div class="col-sm-8">
								
								<input type="text" class="form-control"id="name" placeholder="Enter your Name">
									
									
											<div class="clearfix"></div>
											<br>
								
									<div class="input-group">
										<label class="sr-only" for="subscribe-email">Email
											address</label> <input type="email" class="form-control"
											id="subscribe-email" placeholder="Enter email"> <span
											class="input-group-btn">
											<button type="submit" class="hl-btn hl-btn-default">OK</button>
										</span>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- Legal 
  ============= -->
	<div class="legal">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<p>
						&copy; The Events 2014. <a href="#">Privacy Policy</a> | <a
							href="#">Terms of Service</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/custom.js"></script>
	<script src="assets/js/scrolltopcontrol.js"></script>
	<!-- Scroll to top javascript -->
</body>
</html>